import { h } from '../../lib/min-vue.esm.js'
import { foo } from './Foo.js'
window.self = null
export const App = {
  // render() {
  //   window.self = this
  //   return h('div', { id: 'test', class: ['pink', 'red'] }, [
  //     h('div', { class: 'pink' }, 'hello'),
  //     h('div', { class: 'red' }, 'world')
  //   ])
  // },
  render() {
    window.self = this
    return h(
      'div',
      {
        id: 'test',
        onClick: () => {
          console.log('onclick')
        },
        onMousedown: () => {
          console.log('onMounsedown')
        }
      },
      [h('div', {}, 'hi:' + this.msg), h(foo, { count: 1 })]
    )
  },

  setup() {
    return {
      msg: 'mini-vue-haha'
    }
  }
}
